<template>
  <div>
    <footer class="text-muted">
      <div class="container">
        <p class="float-right">
          <a href="#" class="toTop">回到顶部</a>
        </p>
        <p class="footer_link">
            <ul>
              <li><a href="//www.imooc.com/index/sitemap.html" target="_blank">网站地图</a></li>
              <li><a href="//www.imooc.com/" target="_blank">网站首页</a></li>
              <!-- <li><a href="//www.imooc.com/index/companytrain" target="_blank" title="企业合作">企业合作</a></li> -->
              <li><a href="//b.imooc.com" target="_blank" title="企业服务">企业服务</a></li>
              <li><a href="//www.imooc.com/about/us" target="_blank">关于我们</a></li>
              <li> <a href="//www.imooc.com/about/contact" target="_blank">联系我们</a></li>
              <li> <a href="//www.imooc.com/about/recruit" target="_blank">讲师招募</a></li>
              <li> <a href="//www.imooc.com/help/cate/19" target="_blank">帮助中心</a></li>
              <li> <a href="//www.imooc.com/user/feedback?coding" target="_blank">意见反馈</a></li>
              <li><a href="http://daxue.imooc.com/" target="_blank">Cool课大学</a></li>
              <li><a href="//git.imooc.com" target="_blank">代码托管</a></li>
              <li> <a href="//www.imooc.com/about/friendly" target="_blank">友情链接</a></li>
              <!-- <li><a href="http://www.imooc.com/about/us" target="_blank">关于我们</a></li> -->
            </ul>
        </p>
        <p>Copyright © 2021 cool.com All Rights Reserved | 京ICP备 100862323号-12 京公网安备12323259897812号.</p>
      </div>
    </footer>
  </div>
</template>

<script>
export default {
  name: 'the-header',
  props: {
  }
}
</script>

<!-- Add "scoped" attribute to limit CSS to this component only -->
<style scoped>
  .footer_link {
    margin-bottom: 2rem;
    line-height: 1.8;
  }
  .footer_link ul {
    overflow: hidden;
    margin-top: -1px;
    display: block;
  }
  .footer_link li {
    margin-right: 27px;
    text-align: center;
    float: left;
    font-size: 14px;
  }
  .footer_link a:link, #footer .footer_intro .footer_link a:visited, #footer .footer_intro .footer_link a:active {
    color: #545C63;
  }
  .toTop{
    color: #545C63;
    font-weight: bold;
    text-decoration: none;
  }
</style>
